﻿@model Model.Persons

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
   
       <title></title>
</head>
<body>
    <div style="width:1024px;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;font-family: Helvetica Neue,Helvetica,Arial,sans-serif;font-size: 14px;line-height: 1.42857143;color: #333; background-color: #fff;">
        <table class="table">
            <tr>
                <td>Name</td>
                <td>@Model.Name</td>
            </tr>
            <tr>
                <td>Name</td>
                <td>@Model.Age</td>
            </tr>
        </table>
        <div>  
            <table style="width: 100%;max-width: 100%;margin-bottom: 20px;background-color: transparent;border-spacing: 0;border-collapse: collapse;display: table;
 border-collapse: separate; border-spacing: 2px; border-color: grey;">
                @foreach (var item in Model.ChildPersons)
                {
                    <tr style="display: table-row; vertical-align: inherit; border-color: inherit;">
                        <td style=" padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd;">
                            @item.Name
                        </td>
                        <td style=" padding: 8px;line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd;">
                            @item.Age
                        </td>
                    </tr>
                }
            </table>

        </div>
    </div>

</body>
</html>
